import { Text, View, StyleSheet } from "react-native";
import { GluestackUIProvider } from "@/components/ui/gluestack-ui-provider";

export default function Index() {
  return (
    <GluestackUIProvider>
      <View style={styles.container}>
        <Text style={styles.title}>首页</Text>
        <Text style={styles.description}>欢迎使用生活模拟器</Text>
      </View>
    </GluestackUIProvider>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: "center",
    justifyContent: "center",
    padding: 20,
    backgroundColor: "#25292e",
  },
  title: {
    fontSize: 24,
    fontWeight: "bold",
    marginBottom: 16,
  },
  description: {
    fontSize: 16,
    color: "#666",
  },
});
